<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>使用手册</title>
    <link rel="stylesheet" type="text/css" href="./assets/bootstrap-4.6.2/css/bootstrap.css" />
    <style>
        body {
            padding-left: 20px;
        }

        p {
            inline-size: 800px;
            overflow-wrap: break-word;
        }
    </style>
</head>

<body>    
    <h4>百词斩助手使用手册</h4>

    <p><strong>登录</strong></p>
    <p>
        1. 选中导航栏「请登录」列，下拉点击「登录」按钮        
    </p>
    <image src="../images/login1.png" />
    <p>
        2. 填写手机号码，点击获取验证码并填写，点击「登录」。成功后页面显示账户昵称。
    </p>
    <image src="../images/login2.png" style="height: 300px;"/>
    <br>
    <br>

    <p><strong>选择单词本</strong></p>
    <p>
        1. 登录成功后，设置页「单词本」会显示登录账户的单词本列表，选择其中一个单词本用于后续收藏单词本。点击下方「保存」按钮进行保存。
    </p>
    <img src="../images/select-workbook.png" style="height: 300px;" />

    <p><strong>其他配置</strong></p>
    <p>1，弹窗样式</p>
    <ul>        
        <li>精简样式：选词翻译弹窗只显示单词以及对应的中文释义</li>
        <li>图文模式：选词翻译弹窗不仅显示单词、中文释义，还显示图片、例句内容</li>
    </ul>
    <p>2，翻译时机</p>
    <ul>        
        <li>显示图标，点击翻译：选中单词后显示翻译图标，点击图标后显示翻译内容</li>
        <li>直接翻译：选中单词后不显示翻译图标，直接显示翻译内容</li>
        <li>永不翻译：选中单词后不显示翻译图标，也不进行翻译</li>
    </ul>
    <p>3，单词详情内容：显示单词详情时展示的内容项，勾选后显示（如果单词无该项则也不展示）。具体项如下：</p>
    <ul>        
        <li>单词变形</li>
        <li>图文例句</li>
        <li>短语</li>
        <li>近义词</li>
        <li>反义词</li>
        <li>形近词</li>
        <li>英文释义</li>
    </ul>
    <p>
        4，代理服务器，不用修改
    </p>
    <br>
    <br>

    <p><strong>选择单词翻译并收藏</strong></p>
    <p>
        浏览相关页面时，使用鼠标划词后会显示一个图标（使用默认配置时），点击该图标后会
        弹出一个翻译内容的弹窗，点击星形图标可收藏（取消收藏）单词。
    </p>
    <img src="../images/collect-word.gif" style="height: 400px;" />

    <p><strong>搜索单词并收藏</strong></p>
    <p>
        点击浏览器右上角「扩展程序」图标，点击「百词斩助手」扩展，进入搜索页面。
        输入搜索的单词，点击搜索按钮或者输入回车键，显示搜索结果，点击单词进入
        详情（详情内容与上述「单词详情内容」设置有关）。点击星形图标可收藏（取消收藏）单词。
    </p>
    <img src="../images/search-word.gif" style="height: 400px;" />
    <br>
    <br>

    <p><strong>管理单词本内容</strong></p>
    <p>
        进入选项页面，选择要查看的单词本，点击右侧刷新按钮获取单词本最新内容。
        下方四个按钮可以改变单词本中单词的排序规则，具体排序如文字描述。
        点击单词可以展示单词详情内容（详情内容与上述「单词详情内容」设置有关）。
        点击每行单词前星形图标可取消收藏单词。
        勾中「隐藏释义」、「隐藏英文」选项，可以隐藏单词释义和原文。
    </p>   
    <img src="../images/manage-wordbook.gif" style="height: 400px;" />
</body>
</html>